<template>
  <section>
    <h3>The Sentence:</h3>
    <p>{{ sentence }}</p>
  </section>
</template>
<script>
  import { mapState } from 'vuex'

  export default {
    computed: mapState(['sentence'])
  }
</script>

<style lang="less" scoped>
  h3 {
    text-align: left;
  }
  p {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #67C23A;
  }
</style>
